<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>考级音频</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/midi-audio.css"/>
		<script src="js/jquery-2.2.3.js" type="text/javascript"></script>
		<script src="js/public.js" type="text/javascript"></script>
		<script src="js/swiper.min.js"></script>
	</head>
	<body>
		<!--导航栏-->
		<header>
			<div class="header-inner">
				<div class="header-logo">
					<a><img src="img/logo_btn@2x.png"/></a>
				</div>
				<div class="header-nav">
					<a><img src="img/more_btn@2x.png"/></a>
				</div>
				<ul>
						<li><a>登录</a>/<a>注册</a></li>
						<li><a class="active">迷笛音频</a></li>
						<li><a>新闻动态</a></li>
						<li><a>app下载</a></li>
						<li><a>曲谱教程</a></li>
						<li><a>迷笛先生</a></li>
						<li><a>MIDICLUB</a></li>
						<li><a>关于我们</a></li>
						<li><a>退出</a></li>
					</ul>
			</div>
		</header>
		<!--头部导航栏结束-->
		<!--首页第一个轮播图开始-->
		<section>
			<div class="section-inner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a><img src="img/banner@2x.png"/></a>
						</div>
						<div class="swiper-slide">
							<a><img src="img/banner-4@2x.png"/></a>
						</div>
						<div class="swiper-slide">
							<a><img src="img/banner-2@2x.png"/></a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
		</section>
		<!--视频页的详细信息-->
		<!--<div class="wiezhi">
			   <div class="con">
				  <span>当前位置：音频视频&gt; 音频考级</span>
			   </div>
		    </div>-->
		<!--视频页的详细信息结束-->
		<!--乐器考级-->
		<div class="yqkj-mb">
			<ul class="yqkj-mb-ul">
				<li>
					<a><span>电吉他<i></i></span></a>
					<div class="leval-menu ">
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_1'">1级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_2'">2级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_3'">3级</li>
						</ul>
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_4'">4级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_5'">5级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_6'">6级</li>
						</ul>
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_7'">7级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_8'">8级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=1_9'">9级</li>
						</ul>
					</div>
				</li>
				<li>
					<a><span>爵士鼓<i></i></span></a>
					<div class="leval-menu ">
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_1'">1级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_2'">2级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_3'">3级</li>
						</ul>
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_4'">4级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_5'">5级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_6'">6级</li>
						</ul>
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_7'">7级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_8'">8级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=2_9'">9级</li>
						</ul>
					</div>
				</li>
				<li>
					<a><span>电贝司<i></i></span></a>
					<div class="leval-menu ">
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_1'">1级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_2'">2级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_3'">3级</li>
						</ul>
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_4'">4级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_5'">5级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_6'">6级</li>
						</ul>
						<ul>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_7'">7级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_8'">8级</li>
							<a class="line"></a>
							<li onclick="window.location.href='/index.php/Home/Media/audio_index?type=3_9'">9级</li>
						</ul>
					</div>
				</li>
			</ul>
		</div>
		<!--乐器考级结束-->
		<!--音频-->
		<div class="footer">
			<div class="con">
				<div class="inner">
					<div class="footer-item back-white" onclick="window.location.href='/index.php/Home/Media/audio_details/id/2'">
						<img src="/Public/midi/caidan-img/bofanganniu.png" />
						<div>
							<h2>GT1-01 灵  动 Ease Over</h2>
							<p>这首曲子的伴奏是以放克（Funk）为底的形式出现的，旋律并不是很跳跃，演奏的时候应多听伴奏的感觉。主要是练习E自然小调的第一把位音阶，建议在练习的时候右手拨片全部使用下拨的形式。旋律节奏方面主要是以四分音符为主，尽可能地将时值演奏得饱满。</p>
						</div>
					</div>
					<div class="footer-item back-white" onclick="window.location.href='/index.php/Home/Media/audio_details/id/3'">
						<img src="/Public/midi/caidan-img/bofanganniu.png" />
						<div>
							<h2>GT1-02 蜗牛的秘密 Snail's Secret</h2>
							<p>简单的旋律、简单的和声加上简单的节奏是本曲目的最大特点。整首曲子全部在吉他上的第一把位来完成，伴奏和声采用了吉他上初级的三个基本和弦C、F、G，主旋律采用了吉他上第一把位C自然大调音阶的音。节奏方面使用了全音符、二分音符、四分音符。</p>
						</div>
					</div>
					<div class="footer-item back-white" onclick="window.location.href='/index.php/Home/Media/audio_details/id/4'">
						<img src="/Public/midi/caidan-img/bofanganniu.png" />
						<div>
							<h2>GT1-03 旅  途 Journey</h2>
							<p>旅途这首曲子的曲风是流行摇滚（Pop Rock），练习中主要注意左右手的配合，四分音符和八分音符的转换。整首曲子由两部分构成，前部分主要以四分音符为主，后部分加入八分音符的音阶，注意在跨弦弹奏时保持节奏平稳。</p>
						</div>
					</div>
					<div class="pages" ><div><span class="current">1</span><a class="num" href="/index.php/Home/Media/audio_index/p/2.html">2</a><a class="num" href="/index.php/Home/Media/audio_index/p/3.html">3</a><a class="num" href="/index.php/Home/Media/audio_index/p/4.html">4</a><a class="num" href="/index.php/Home/Media/audio_index/p/5.html">5</a><a class="num" href="/index.php/Home/Media/audio_index/p/6.html">6</a><a class="num" href="/index.php/Home/Media/audio_index/p/7.html">7</a><a class="num" href="/index.php/Home/Media/audio_index/p/8.html">8</a><a class="num" href="/index.php/Home/Media/audio_index/p/9.html">9</a><a class="num" href="/index.php/Home/Media/audio_index/p/10.html">10</a><a class="num" href="/index.php/Home/Media/audio_index/p/11.html">11</a><a class="next" href="/index.php/Home/Media/audio_index/p/2.html">下一页</a><a class="end" href="/index.php/Home/Media/audio_index/p/31.html">末页</a> <li class="rows">共<b>304</b>条记录&nbsp;第<b>1</b>页/共<b>31</b>页</li></div></div>
				</div>
			</div>
		</div>
		<!--音频结束-->
		<!--曲谱教程页的主要内容结束-->
	    <script>
	    	$(function(){
	    		 var myswiper = new Swiper(".section-inner .swiper-container",{
	    		 	autoplay:{
					    stopOnlastSlide:true,
				    },
				    loop:true,
				    pagination:{
					   el:'.swiper-pagination',
				     }
	             });
                 $(".yqkj-mb-ul li").on("click",function(){
		              var $div = $(this).find("div");
                      if($(this).hasClass("selected")){
       	                   $div.fadeOut();
       	                   $(this).removeClass("selected");
                          }
                      if($div.is(":hidden")){
                         	$(this).siblings().find("div").fadeOut();
       	                    $(this).siblings().removeClass("selected");
       	                    $(this).addClass("selected");
       	                    $div.fadeIn();
                      }else{
       	                    $div.fadeOut();
                     }
                  })
                $(".footer-item:even").addClass("back-white");
                $(".footer-item:odd").addClass("back-gray");

	    	})
	    </script>
	</body>
</html>